<template>
	<view class="u-content">
		<view class="list" v-for="(item,index) in conditionList" :key="index">
			<view class="title">
				<text>{{item.NAME.substring(0, 9)}}</text>
			</view>
			<view class="cont">
				{{item.KEYWORD}}
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data () {
			return{
				itemCode: '',
				conditionList: []
			}
		},
		onLoad(option){
			this.itemCode = option.itemCode;
			this.selectItemDetail();
		},
		methods:{
			selectItemDetail(){
				uni.showLoading({
					title: '搜索中...',
					mask: true
				});
				this.$ajax({
					url: '/api/wwwBiz/selectItemDetail',
					method: 'POST',
					data:{
						itemCode:this.itemCode
					}
				}).then(res =>{
					if (res.code == 200) {
							this.conditionList = res.data.data5;
						}
					}).finally(()=>{
					uni.hideLoading();
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.u-content{
		width: 100%;
		height: 100%;
		overflow: hidden;
		.list{
			margin: 60rpx 45rpx;
			.title{
				text{
					font-size: 36rpx;
					line-height: 44rpx;
					color: #333333;
				}
				text::before{
					content: '';
					width: 6rpx;
					height: 36rpx;
					display: inline-block;
					background-color: #007AFF;
					margin-right: 26rpx;
					margin-top: 6rpx;
					border-radius: 2rpx;
				}
			}
			.cont{
				margin: 30rpx 0;
				font-size: 28rpx;					
				line-height: 52rpx;
				color: #333333;
			}
		}
	}
</style>
